<template>
	<div>
		 <div class="tac" >
			 <el-row >
			 	<el-col class="grid-top">
			 		<el-menu class="el-menu-vertical-demo" @open="handleOpen"
			 			@close="handleClose" background-color="#545c64" text-color="#fff"
			 			active-text-color="#009688">
			 			<el-submenu index="1-4">
			 				<template slot="title">热度图片</template>
			 				<el-menu-item index="1-4-1"><router-link to="/PC/hotPic">热度图片</router-link></el-menu-item>
			 			</el-submenu>
			 			<el-submenu index="1-3">
			 				<template slot="title">类型管理</template>
			 				<el-menu-item index="1-3-1"><router-link to="/PC/FirstType">类型一</router-link></el-menu-item>
			 				<el-menu-item index="1-3-2"><router-link to="/PC/SecondType">类型二</router-link></el-menu-item>
			 			</el-submenu>
			 			<el-submenu index="1-2">
			 				<template slot="title">商品管理</template>
			 				<el-menu-item index="1-2-1"><router-link to="/PC/ListPic">商品列表</router-link></el-menu-item>
			 			</el-submenu>
			 			<el-submenu index="1-1">
			 				<template slot="title">用户管理</template>
			 				<el-menu-item index="1-1-1"><router-link to="">冻结密码重置</router-link></el-menu-item>
			 				<el-menu-item index="1-1-2"><router-link to="/PC/First">管理员添加</router-link></el-menu-item>
			 			</el-submenu>
			 			<el-submenu index="1-0">
			 				<template slot="title">订单管理</template>
			 				<el-menu-item index="1-0-1"><router-link to="/PC/findOrder">订单详情</router-link></el-menu-item>
			 			</el-submenu>
			 		</el-menu>
			 	</el-col>
			 </el-row>
		 </div>
	</div>
</template>

<script>
	import hotPic from '@/view/pc/adm/hotPic.vue'
	export default{
		name:'admMain',
		components:{
			hotPic
		},
		data() {
			return{
				
			}
		},
		methods:{
			handleOpen(key, keyPath) {
				console.log(key, keyPath);
			},
			handleClose(key, keyPath) {
				console.log(key, keyPath);
			}
		}
	}
</script>

<style scoped>
	.tac{
	}
	.grid-top {
		background: #545c64;
		height: 750px;
		width: 40%;
	}
</style>